<!DOCTYPE html >
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="DESIRE自营网" />
<title>订单页面-DESIRE自营商城</title>
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static "css/inCommon.css" %}">
<link rel="stylesheet" type="text/css" href="{% static "css/headandfooter.css" %}">
<link rel="stylesheet" type="text/css" href="{% static "css/order.css" %}">
</head>
    <body>

        <!---顶端消息栏-->
        <div id="info-header">
        <div id="logo"><a href="/home">荐书网</a></div>
                        <div class="menu">
                <ul id="header-user">
                    
                    <li class="user">
                        <a class="float_1" href="">社区</a>
                
                    <li class="user">
                        <a class="float_1" href="">服务</a>
                  
                    <li class="user">
                        <a class="float_1" href="/save">我的收藏</a>
                    
                    <li class="user">
                        <a class="float_1" href="/shopping_cart">我的购物车</a>
                    
                </ul>
            </div>
          </div>
      <!---Desire商城搜索栏-->
            <div class="search">
                <form method="get" target="_blank">
                    <input id="searchText">
                    <span>
                        <img src="\static\img\search.gif">
                    </span>
                </form>
            </div>
  

<div>
       
        <!--订单信息栏-->
        <div class="store-wrap">
            <!--界面导航栏-->
        	<div class="crumbs">
        		<a href="//store.meizu.com/index.html">首页 > </a><!--换成商城首页链接-->
                <a class="active" href="">我的订单 </a>
        	</div>
            <!--订单详情信息-->
            <div class="main clearfix">
            	<div class="left-nav f-fl">
                  <div class="nav-main"> 
                    <a href="javascript:;" class="type-title"><img src="\static\img\btn-comment@2x.png" class="icon-orderCenter"></i>订单中心</a>
                    <a href="" class="float_1 active">我的订单</a>
                    <a href="" class="float_1">我的回购单</a>
                    <a href="" class="float_1">我的意外保</a>
                    <a href="javascript:;" class="type-title"><img src="\static\img\btn-group@2x.png" class="icon-selfCenter"></i>个人中心</a>
                    <a href="" class="float_1">地址管理</a>
                    <a href="" class="float_1">我的收藏</a>
                    <a href="" class="float_1">消息提醒</a>
                    <a href="" class="float_1">建议反馈</a>
                    <a href="javascript:;" class="type-title"><img src="\static\img\btn-emoji@2x.png" class="icon-moneyCenter"></i>资产中心</a>
                    <a href="" class="float_1">我的优惠券</a>
                    <a href="" class="float_1">我的红包</a>
                    <a href="" class="float_1">我的回购券</a>
                    <a href="javascript:;" class="type-title"><img src="\static\img\btn-send@2x.png" class="icon-serverCenter"></i>服务中心</a>
                    <a href="" class="float_1" style="width: 105px">退款/退换货跟踪</a>
                    <a href="" class="float_1">意外保修</a>
                    <a href="" class="float_1">以旧换新</a>
                  </div> 

                </div>
                   
                <div class="right-content f-fr">
                  <div class="order-main">
                  	<div class="type-tab-btn">
                        <a class="active allOrder"  href="javascript:;" >全部订单</a><i class="line">|</i>
                        <a class="waitPay" href="javascript:;" >待付款<span class="amount _actAmount"></span></a><i class="line">|</i>
                        <a class="waitDeliver" href="javascript:;" >待发货</a><i class="line">|</i>
                        <a class="hasDeliver" href="javascript:;" >已发货</a><i class="line">|</i>
                        <a class="other" href="javascript:;" >其他</a>
                    </div>

                    <div class="list-head">
                    <ul class="clearfix">
                      <li class="w50">订单明细</li>
                      <li class="w125">售后</li>
                      <li class="w125">金额</li>
                      <li class="w125">状态</li>
                      <li class="w125">操作</li>
                    </ul>
                    </div>
                    <div class="tableList">
                       <table  style="
                       height:40px;
                       width:100% ">
                       <tbody>

                          
                            <tr class="trHead"colspan="5">
                            <td > 
                             <div class="listitem-head clearfix goods1">
                             下单时间：<span class="time">2017-06-1goods10 16:20:37</span>
                             订单号：<span  class="orderNumber">21061037201615664111</span>
                             </div>
                             </td> 
                            </tr>
                            <tr class="list-box " >
                              <td class="b-img goods1">
                               <img src="\static\img\a.jpg" height="80" width="80" ></i>
                              </td>
                              <td>
                                <div class="describe clearfix goods1" >
                                   <b class="productDetail">C++ Primer Plus</b>
                                   <p>￥48.9×1</p>
                                </div>
                              </td>
                             <td class="price goods1">
                                    <p>￥48.9×1</p>
                             </td>
                             <td class="state goods1" >
                                    <p>  已 完 成</p>
                             </td>
                             <td class="action">
                                    <a class="float_1" href="/orderxq">订单详情页面</a>
                             </td>
                            </tr>
                            <tr class="empty">
                              <td></td>
                            </tr>
                            <tr class="trHead ">
                              <td > 
                             <div class="listitem-head clearfix goods2">
                             下单时间：<span class="time">2017-06-10 16:20:37</span>
                             订单号：<span  class="orderNumber">21061037201615664111</span>
                             </div>
                             </td> 
                          </tr>
                          <tr class="list-box">
                              <td class="b-img goods2">
                               <img src="\static\img\b.jpg" width="120px" ></i>
                              </td>
                              <td>
                                <div class="describe clearfix goods2">
                                   <b class="productDetail"> MATLAB2018从入门到精通</b>
                                   <p>￥48.9 ×1</p>
                                </div>
                              </td>
                             <td class="price goods2">
                                    <p>￥48.9 ×1</p>
                             </td>
                             <td class="state goods2" >
                                    <p>  已 完 成</p>
                             </td>
                             <td class="action">
                                     <a class="float_1" href="/orderxq">订单详情页面</a>
                             </td>
                          </tr>
                          <tr class="empty">
                              <td></td>
                          </tr>
                       </tbody>
                       </table>
                          
                    </div>
                  </div>
                </div>
            </div>





        </div>
 



       
    </body>
</html>